<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="https://static.91haoka.cn/vant.css" />
	
	<script src="https://static.91haoka.cn/vue.min.js"></script>
	<script src="https://static.91haoka.cn/vantall.js"></script>
	<script src="https://static.91haoka.cn/axios.min.js"></script>
	<script src="js/q.js"></script>
	<script src="./js/qiniu.min.js"></script>

	<script src="https://test91.91haoka.cn/html2canvas.min.js"></script>

	<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css" />
</head>
<!-- 快手回调用 -->
<script type="text/javascript">
	(function (root) {
		var ksscript = document.createElement('script');
		ksscript.setAttribute('charset', 'utf-8');
		ksscript.src = '//p2-yx.adkwai.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ksscript, s);
	})(window);
</script>
<style type="text/css">
	.t_wind {
		width: 100vw;
		height: 100vh;
		position: fixed;
		display: flex;
		align-items: center;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 99;
	}

	* {
		box-sizing: border-box;
		font-family: 'PingFang SC';
	}

	.p1 {
		height: 0.9rem;
		margin-top: 5px;
	}

	.p1 img {
		width: 100%;
		border-radius: 0.1rem;
	}

	.t1 {
		font-size: 0.28rem;
		color: #2D3038;
	}

	.btnxx {
		background: #005AFF;
		border-radius: 0.6rem;
		color: white;
		display: flex;
		justify-content: center;
		align-items: center;

	}

	.btnx {
		background: #FF3400;
		border-radius: 0.6rem;
		color: #fff;
		font-weight: bold;
		margin-top: 0.15rem;
		width: 1.7rem;
		padding: 0.2rem 0rem;
		text-align: center;
	}

	.p2 img {
		width: 0.34rem;
	}

	.t2 {
		font-size: 0.22rem;
		margin-top: 0.05rem;
	}

	.li {
		margin-top: 0.3rem;
		background: white;
		border-radius: 0.3rem 0.3rem 0 0;
		padding: 0.3rem 0.3rem 0 0.3rem;
	}

	.act {
		color: #FF3400;
	}

	.van-tab {
		/* min-width: 35%;
		max-width: 35%; */
		flex-basis: auto !important;
		margin-left: 10px;
	}

	.youse .van-tabs__nav {
		background: #F3F3F5 !important;
		margin-bottom: 0.2rem;
	}

	/* .van-tabs__wrap {
		margin-bottom: 0.2rem;
	} */

	.share_class {
		cursor: pointer;
		z-index: 9999999999999999999999999999999999999999999999999999;
		background: white;
		height: 50px;
		width: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		border-radius: 50%;
		top: 296px;
		right: 20px;
		box-shadow: 0 3px 9px #A5B3BF;
	}

	.package_list {
		display: flex;
		justify-content: space-between;
	}

	.age_price {
		display: flex;
		justify-content: space-around;
	}

	.van-cell {
		background: #F7F7F7;
	}

	.moban_one .van-tabs__line {
		background: white;
	}

	.catname_show {
		font-size: 0.40rem;
		font-weight: bold;
	}

	.van-tabs__wrap {
		border-radius: 0.3rem 0.3rem 0 0;

	}

	.van-field__control::-webkit-input-placeholder {


		font-size: 15px;

	}

	.van-hairline--top-bottom::after {
		border-width: 0;
	}

	/* .van-tab__text{
	height: 70px;
   } */
	/* .van-tabs__wrap:last-child {
	border-radius:0 0.3rem 0 0; 
} */
	.bor {
		border-radius: 0.2rem;
	}

	.van-tabs--line .van-tabs__wrap {
		height: 65px;
	}

	.sale_name_title {
		overflow: hidden;
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		word-break: break-all;
		/* 设置省略字母数字 */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* 显示的行数 */
	}
</style>

<body>
	<div id="app" style="background: #f7f7f7; min-height:100vh;" v-cloak>
		<!-- <div v-if="shareSwitch" style="position: fixed;top:280px;right: 15px;" class="share_class">
			<img src="img/share.png" style="width: 30px;height: 30px;margin-right: 5px;" />
		</div> -->
		<!-- 模板 == 1 -->

		<div v-if="moban == 1" :style="youdima">
			<div v-for="(item,index) in json" :key="index" style="  background: #f7f7f7;">
				<div class="top" v-if="item.type == 1" style="margin-top: -15px;">
					<div class="topimg" @click="go_type3(item)" style="background: #F7F7F7;">
						<img :src="item.img" style=" padding: 0.1rem 0.2rem 0 0.2rem;">
					</div>
				</div>

				<div class="top" v-if="item.type == 2"
					style="font-size: 12px; padding: 0.3rem; margin-bottom: 0.2rem; color:#666; font-size: 13px; line-height:0.45rem;">
					{{item.text}}
				</div>

				<div style="padding: 0 0.3rem 0 0.3rem; background: #f7f7f7; margin-bottom: 0.4rem;"
					v-if="item.type == 4 && xcx">
					<div class="flexb" style=" text-align: center;">
						<div class="flexb" style=" text-align: center;width: 100%;" v-if="all.tab == 13674">
							<div v-for="(item2,index2) in item.list" :key="index" @click="go_type4(item2)"
								style="flex: 1; overflow:hidden; margin:0.1rem;"
								v-if="item2.kaiguan&&item2.name != '订单查询' ">
								<div class="p1 flexcc"><img :src="item2.img" style="width: 0.9rem;max-height: 0.8rem;">
								</div>
								<div class="t1" style="margin-top: 0.05rem;font-weight: bold;">{{item2.name}}</div>
							</div>
						</div>
						<div class="flexb" style=" text-align: center;width: 100%;" v-else>
							<div v-for="(item2,index2) in item.list" :key="index" @click="go_type4(item2)"
								style="flex: 1; overflow:hidden; margin:0.1rem;" v-if="item2.kaiguan ">
								<div class="p1 flexcc"><img :src="item2.img" style="width: 0.9rem;max-height: 0.8rem;">
								</div>
								<div class="t1" style="margin-top: 0.05rem;font-weight: bold;">{{item2.name}}</div>
							</div>

						</div>
						<div style="padding: 0.1rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;"
							v-if="item.type == 6 && xcx">
							<div class="flexb" style=" text-align: center;">
								<div v-for="(item2,index2) in item.list" :key="index" @click="go_type4(item2)"
									style="flex: 1; overflow:hidden; margin:0.1rem;">
									<div class="flexcc"><img :src="item2.img" style="height: 0.4rem; width: 0.4rem;">
									</div>
									<div class="" style="margin-top: 0.2rem; font-size: 12px;">{{item2.name}}</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="list" style="padding:0 0.3rem 0rem; background:#f7f7f7; margin-bottom: 0.2rem;"
					v-if="item.type == 5">
					<div class="moban_one">
						<van-tabs @click="onClicks" v-model="all.cat">
							<van-tab v-for="item2 in fenleilist" :title="item2.cat_name" :name="item2.cat_id">
								<template #title>
									<div
										style="display: flex;align-items: center;flex-direction: column;font-size: 16px;font-weight: bold;">
										<div :class="{'catname_show':all.cat === item2.cat_id }" style="z-index: 2;">
											{{item2.cat_name}}</div>
										<img v-if="all.cat === item2.cat_id" src="./img/route.png" alt=""
											style="height: 0.4rem;margin-top: -0.3rem;" />
									</div>

								</template>

								<div v-if="item.radio == 1">
									<!-- 检索 -->
									<div class="flexc"
										style="background: white;padding-bottom: 0.3rem;border-radius: 0 0 0.3rem 0.3rem ;">
										<div style="margin-left: 0.2rem;width: 1.5rem;height: 44px;display: flex;justify-content: center;align-items: center; font-size: 14px; text-align: center; overflow: hidden;background: #f7f7f7;border-radius: 0.4rem 0 0 0.4rem;"
											class="shengluehao" @click="dishilog = true">
											<span style="font-size: 15px;">{{all.belong_address}}</span>
											<van-icon name="arrow-down" style="margin-left: 1px;margin-top: 2px;" />
											<span style="margin-left: 0.1rem;color: #ccc;">|</span>
										</div>


										<div><van-field v-model="all.sale_name" style="width: 4rem;" round
												placeholder="请输入商品名称" /></div>
										<div style="font-size: 16px; color: #005AFF; width: 0.9rem;background: #f7f7f7;height: 44px;line-height: 44px;border-radius: 0 0.5rem 0.5rem 0;"
											@click="searchClick()">搜索</div>
									</div>
									<!-- 检索 -->
									<div v-for="(item,index) in list" :key="item.id">
										<div class="flex li" v-if="!item.front_pic" @click="go('dingdan.html',item.id)">
											<div style="position: relative;height: 2rem;width: 2rem;">
												<img :src="item.pic" class="bor" style="height: 2rem;width: 2rem;">
												<span v-if="item2.cat_name == '全部'"
													style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 10px; width: 0.2rem; height: 0.2rem; text-align: center; line-height: 0.2rem; border-radius: 0.1rem;">{{index+1}}</span>

											</div>


											<div
												style="width: 4.2rem; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
												<div style="font-weight: bold; font-size:17px;" class="sale_name_title">
													{{item.sale_name}}
												</div>
												<div style="margin-top: 0.15rem;color:#A65E31;font-size:14px;width: 100%;
												  overflow: hidden;
                                                  white-space: nowrap;
                                                  text-overflow: ellipsis;
												">{{item.tips}}</div>
												<div style="margin-top: 0.2rem;">
													<div class="package_list">
														<div>
															<div style="font-weight: bold;font-size: 16px;"
																v-if="item.currency_flow">{{item.currency_flow}}
																<span
																	style="font-size: 14px;margin-left: -4px;">G</span>
															</div>
															<div v-else>--</div>
															<div style="color:#787D85;margin-top: 4px;">通用流量</div>
														</div>
														<span style="color: #E3E8F1;margin-top: 12px;">|</span>
														<div>
															<div style="font-weight: bold;font-size: 16px;"
																v-if="item.appoint_flow">{{item.appoint_flow}}
																<span
																	style="font-size: 14px;margin-left: -4px;">G</span>
															</div>
															<div v-else>--</div>
															<div style="color:#787D85;margin-top: 4px;">定向流量</div>
														</div>
														<span style="color: #E3E8F1;margin-top: 12px;">|</span>
														<div>
															<div style="font-weight: bold;font-size: 16px;"
																v-if="item.voice_call">{{item.voice_call}}</div>
															<div v-else>--</div>
															<div style="color:#787D85;margin-top: 4px;">通话时长</div>
														</div>
													</div>
												</div>
												<div style="margin-top: 0.1rem;"></div>
												<div style="margin-top: 0.1rem;"></div>
												<!-- <div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;border: 1px springgreen solid;" >
													<img :src="item.market_pic">
												</div> -->


												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;"
													v-if="!xcx">
													<div @click="go('dingdan.html',item.id)"
														style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">
														免费办理</div>

													<div @click="go('fenxiang.html',item.id)"
														style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">
														分享</div>
												</div>
											</div>
										</div>
										<div v-if="!item.front_pic"
											style="display: flex;gap: 8px;background: white;padding-left:0.2rem ;flex-wrap: wrap;padding-top:0.2rem ;border-bottom:#F7F7F7 solid 1px;padding-bottom: 10px;"
											v-if="item.sell_point.length>0" @click="go('dingdan.html',item.id)">
											<div v-for="(item2,index2) in item.sell_point" v-if="item2"
												:style="{borderRadius: '20px',padding: '4px 8px',display:'block',background:index2==0?'#FFEEDF':'#F6F8FB',color:index2==0?'#FF7520':'#787D85',fontSize:'12px'}">
												{{item2}}
											</div>

										</div>
										<div
											style="border-bottom: 1px #f1f1f1 solid;background-color: white;border-radius: 0 0 0.2rem 0.2rem;padding:0.2rem;">
											<div v-if="!item.front_pic"
												style="font-size: 0.28rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.1rem;">
												<div style="font-size: 18px;font-weight: bold;color:#FF0639"><span
														style="font-size:14px;">￥</span>{{item.price}}</div>

												<div v-if="item.needage">
													<div style="color:#FF0639;font-size:12px"
														v-if="item.min_page || item.max_page">办理年龄{{item.min_page}} -
														{{item.max_page}}周岁</div>
												</div>
												<div style="color:#999;font-size:12px" v-if="item.saled_amount">
													已售{{item.saled_amount}}</div>
												<div class="btnxx" v-if="xcx" @click="shareClick(item)"
													style="margin-top: 0;width: 80px;height: 30px;">
													分享
													<img src="./img/share_imgs.png" alt=""
														style="width: 14px;height: 14px;margin:2px 0 0 5px;">
												</div>
											</div>
											<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
												<img :src="item.front_pic" style="width: 100%;"
													@click="go('dingdan.html',item.id)">
											</div>
										</div>

									</div>

								</div>

								<div v-if="item.radio == 2" class="flexb">
									<div v-for="(item,index) in list" :key="item.id">
										<div class="flex li" v-if="!item.front_pic"
											style="width: 3.4rem; border-bottom:0">
											<div style="position: relative;" @click="go('dingdan.html',item.id)">
												<img :src="item.pic" style="width: 3.4rem; height:3.4rem;" class="bor">
												<span v-if="item2.cat_name == '全部'"
													style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 10px; width: 0.2rem; height: 0.2rem; text-align: center; line-height: 0.2rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div
												style=" padding:0.15rem 0;font-weight: bold;font-size: 0.32rem; width: 100%;">
												<div>{{item.sale_name}}</div>
												<div class="flexbc" style="width: 100%;">
													<div style="margin-top: 0.1rem; font-size: 0.3rem; color:#E90010;">
														￥{{item.price}}</div>
													<div class="btnx" style="font-size: 12px;"
														@click="go('dingdan.html',item.id)" v-if="xcx">立即办理</div>
												</div>
												<div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;">
													<img :src="item.market_pic">
												</div>



												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;"
													v-if="!xcx">
													<div @click="go('dingdan.html',item.id)"
														style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">
														免费办理</div>

													<div @click="go('fenxiang.html',item.id)"
														style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">
														分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;"
												@click="go('dingdan.html',item.id)">
										</div>
									</div>
								</div>
							</van-tab>
						</van-tabs>
					</div>


				</div>
				<div style="padding: 0.1rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;"
					v-if="item.type == 6 && xcx">
					<div class="flexb" style=" text-align: center;">
						<div v-for="(item2,index2) in item.list" :key="index" v-if="item2.iconSwitch"
							@click="go_type4(item2)" style="flex: 1; overflow:hidden; margin:0.1rem;">
							<div class="flexcc"><img :src="item2.img" style="height: 0.4rem; width: 0.4rem;"></div>
							<div class="" style="margin-top: 0.2rem; font-size: 12px;">{{item2.name}}</div>
						</div>
					</div>
				</div>

				<div style=" background:#F7F7F7; margin-bottom: 0.2rem;padding:0.2rem;" v-if="item.type == 3">
					<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
						<van-swipe-item v-for="(item2,index2) in item.list" :key="index2"><img :src="item2.img"
								@click="go_type3(item2)"></van-swipe-item>
					</van-swipe>
				</div>
			</div>
			<van-popup v-model="dishilog" position="bottom">
				<van-picker title="选择省份" show-toolbar :default-index="defaultIndex" :columns="columns"
					@confirm="onConfirm" @cancel="onCancel" />
			</van-popup>
		</div>
		<!-- moban == 2 -->
		<div v-if="moban == 2" :style="youdima">
			<div v-for="(item,index) in json" :key="index">
				<div class="top" v-if="item.type == 1" style="margin-bottom: 0.2rem;background: #fff;">
					<div class="topimg" @click="go_type3(item)">
						<img :src="item.img">
					</div>
				</div>

				<div class="top" v-if="item.type == 2"
					style="font-size: 12px; padding: 0.3rem; margin-bottom: 0.2rem; color:#666; font-size: 13px; line-height:0.45rem">
					{{item.text}}
				</div>
				<div style="padding: 0.3rem; background: #f7f7f7; margin-bottom: 0.2rem;" v-if="item.type == 4 && xcx">
					<div class="flexb" style=" text-align: center;">
						<div v-for="(item2,index2) in item.list" :key="index" @click="go_type(item2)"
							style="flex: 1; overflow:hidden; margin:0.1rem;" v-if="item2.kaiguan">
							<div class="p1 flexcc"><img :src="item2.img" style="max-height: 0.8rem;width: 0.9rem;">
							</div>
							<div class="t1" style="margin-top: 0.2rem;">{{item2.name}}</div>
						</div>
					</div>
				</div>
				<div style="padding: 0.1rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;"
					v-if="item.type == 6 && xcx">
					<div class="flexb" style=" text-align: center;">
						<div v-for="(item2,index2) in item.list" :key="index" @click="go_type4(item2)"
							style="flex: 1; overflow:hidden; margin:0.1rem;">
							<div class="flexcc"><img :src="item2.img" style="height: 0.4rem; width: 0.4rem;"></div>
							<div class="" style="margin-top: 0.2rem; font-size: 12px;">{{item2.name}}</div>
						</div>
					</div>
				</div>

				<div class="list youse" style=" margin-bottom: 0.2rem;" v-if="item.type == 5">

					<div>
						<van-tabs @click="onClick" v-model="all.cat">
							<van-tab v-for="item2 in fenleilist" :title="item2.cat_name" :name="item2.cat_id">
								<div v-if="item.radio == 1">
									<div v-for="(item,index) in list" :key="item.id" @click.stop="go('dingdan.html',item.id)"
										style="padding: 0 0.2rem; margin-bottom: 0.2rem; background: #fff;">
										<div class="flex" style="padding: 0.2rem 0;" v-if="!item.front_pic">
											<div
												style="width: 2.2rem; height: 2.2rem; margin-right: 0.2rem; position: relative;">
												<img :src="item.pic" style="width: 2.2rem; height: 2.2rem;">
												<span v-if="item2.cat_name == '全部'"
													style="position: absolute; left: 0; bottom: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 10px; width: 0.2rem; height: 0.2rem; text-align: center; line-height: 0.2rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div
												style="width: 4.6rem; color: #2D3038; font-size: 0.26rem; position: relative;">
												<div
													style="font-weight: bold; font-size: 0.3rem; min-height: 0.4rem; margin-bottom: 0.1rem; line-height: 0.4rem; overflow: hidden;">
													{{item.sale_name}}</div>
												<div
													style="min-height: 0.4rem; line-height: 0.4rem; color: rgb(233, 0, 16); overflow: hidden; font-size: 13px;">
													{{item.tips}}</div>
												<div class="flex"
													style="min-height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 12px;">
													<div v-for="(item2,index2) in item.sell_point" class="flexc"
														style="white-space: normal;">
														<span style="color: rgb(161, 160, 160);">{{item2}}</span>
														<span v-if="index2 != item.sell_point.length - 1 && item2 != ''"
															style="color: rgb(161, 160, 160); height: 0.2rem; background: rgb(161, 160, 160); width: 1px; margin: 0 0.1rem;"></span>
													</div>
												</div>
												<div class="flexbc"
													style="min-height: 0.4rem; line-height: 0.4rem; overflow: hidden;  font-size: 12px;">
													<div class="flexc">
														<div style="color: rgb(233, 0, 16); margin-right: 0.2rem;">
															¥{{item.price}}</div>
														<div style="text-decoration:line-through; color:rgb(161, 160, 160) ;"
															v-if="item.origin_price != 0">¥{{item.origin_price}}</div>
													</div>

												</div>
												<div class="flex"
													style="color:rgb(161, 160, 160) ; min-height: 0.4rem; line-height: 0.4rem;  font-size: 12px;"
													v-if="item.saled_amount">
													已售{{item.saled_amount}}
												</div>
												<div class="btnx"
													style="background: rgb(255, 71, 71); position: absolute; right: 0rem; bottom: 0rem;"
													v-if="xcx && item.order_button" @click="go('dingdan.html',item.id)">
													{{item.order_button}}</div>
												<div class="btnx"
													style="background: rgb(255, 71, 71); position: absolute; right: 0rem; bottom: 0rem;"
													v-if="xcx && !item.order_button"
													>立即办理</div>

												<!-- //小程序用 -->
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;"
													v-if="!xcx">
													<div @click="go('dingdan.html',item.id)"
														style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">
														免费办理</div>

													<div @click="go('fenxiang.html',item.id)"
														style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">
														分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;"
												@click="go('dingdan.html',item.id)">
										</div>
									</div>

								</div>

								<div v-if="item.radio == 2" class="flexb">
									<div v-for="(item,index) in list" :key="item.id">
										<div class="flex li" v-if="!item.front_pic"
											style="width: 3.7rem; border-bottom:0; padding:0.15rem; background: #fff;">
											<div style="position: relative;" @click="go('dingdan.html',item.id)">
												<img :src="item.pic" style="width: 3.4rem; height:3.4rem;" class="bor">
												<span v-if="item2.cat_name == '全部'"
													style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 10px; width: 0.2rem; height: 0.2rem; text-align: center; line-height: 0.2rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div
												style=" padding:0.15rem 0;font-weight: bold;font-size: 0.32rem; width: 100%;">
												<div>{{item.sale_name}}</div>
												<div class="flexbc" style="width: 100%;">
													<div style="margin-top: 0.1rem; font-size: 0.3rem; color:#E90010;">
														￥{{item.price}}</div>
													<div class="btnx" style="font-size: 12px;"
														@click="go('dingdan.html',item.id)" v-if="xcx">立即办理</div>
												</div>
												<div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;">
													<img :src="item.market_pic">
												</div>


												<!-- //小程序用 -->
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;"
													v-if="!xcx">
													<div @click="go('dingdan.html',item.id)"
														style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">
														免费办理</div>

													<div @click="go('fenxiang.html',item.id)"
														style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">
														分享</div>
												</div>
											</div>
											<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
												<img :src="item.front_pic" style="width: 100%;"
													@click="go('dingdan.html',item.id)">
											</div>
										</div>
									</div>
								</div>
							</van-tab>
						</van-tabs>
					</div>


				</div>

				<div style=" background: #fff; margin-bottom: 0.2rem;" v-if="item.type == 3">
					<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
						<van-swipe-item v-for="(item2,index2) in item.list" :key="index2"><img :src="item2.img"
								@click="go_type3(item2)"></van-swipe-item>
					</van-swipe>
				</div>
			</div>

			<!-- //小程序用 -->
			<div v-if="!xcx"
				style="position: fixed; box-shadow: 0 0px 10px #eee; right: 0.2rem; bottom:3.2rem; background: #fff; width: 1.1rem; height: 1.1rem; border-radius: 0.55rem; text-align: center; font-size: 0.24rem; font-weight: bold;"
				class="flexcc">
				<div @click="go4('fenxiangdianpu.html',all.tab)">
					<div>
						<img src="https://photo.91haoka.cn/haoka_mobile/fenxiang.png"
							style="width: 0.4rem; height: 0.4rem;"></img>
					</div>
					<div>分享</div>
				</div>
			</div>


		</div>
		<div class="index">
			<div class="t_wind" v-if="isshowwind">
				<div style="width:100%;display:flex;justify-content:center;flex-direction: column;align-items: center;">
					<div style="display:flex;justify-content: center;width:100%">
						<div style="background: #fff; border-radius:0.3rem; overflow: hidden;width: 75%;height:60%">
							<div id="contenthp" style="background: white;">
								<div style="width: 100%;">
									<img :src="shareValue.market_pic||shareValue.pic"
										style="width: 100%; border-radius:0.3rem;height:5rem" />
								</div>
								<div class="flex" style="display:flex">
									<div style="width: 3.6rem; padding: 0.3rem;background: white;">
										<div :style="{fontSize: '0.28rem',color:fourValue.colorValue}">
											{{fourValue.content}}
										</div>
										<div class="flexc" style="padding: 0.2rem 0;">
											<!-- <div>
												<img src="https://gperson.gantanhaokeji.top/1706494446720ofbezyz9ppv.png"
													style="width: 0.4rem; height: 0.4rem; border-radius: 0.2rem;" />
											</div> -->
											<div style=" font-size: 0.24rem; color: rgb(64, 66, 71);">
												{{infoValue.title}}的小店</div>
										</div>
										<div style="color: rgb(175, 179, 188); font-size: 0.2rem;">长按识别二维码进入下单链接</div>
									</div>
									<div style="width: 2rem; padding: 0.3rem 0;background: white;">

										<img :src="img2"
											style="width: 1.5rem; height: 1.5rem;margin-top:0.2rem;margin-left:0.2rem" />
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="flex" style="display:flex;justify-content: space-between; margin-top: 0.6rem;width:75%">
						<!-- <div
					style="width: 2.6rem; height: 0.8rem; font-size: 14px; background: #E4EDFF;  cursor: pointer; color: #005AFF; border-radius: 0.4rem;"
					class="flexcc"
					v-if="!weixin"
					@click="fenxianglogs()"
				  >保存照片</div> -->
						<div @click="shengchengtupian()"
							style="width: 2.6rem; height: 0.8rem; font-size: 14px; background: #E4EDFF;  cursor: pointer; color: #005AFF; border-radius: 0.4rem;"
							class="flexcc">保存照片</div>
						<div @click="fuzhi()"
							style="width: 2.6rem; height: 0.8rem; font-size: 14px; background:#005AFF; color: white; cursor: pointer; border-radius: 0.4rem;"
							class="flexcc">复制链接</div>
					</div>
				</div>
			</div>
			<van-overlay :show="loading"  z-index="99999">
			  <div style="display: flex; justify-content: center; align-items: center; height: 100vh; color: #fff; font-size: 20px;">
			    非法链接!!
			  </div>
			</van-overlay>
		</div>

		<script>
			var h = document.documentElement.clientWidth / 7.5 + 'px';
			document.documentElement.style.fontSize = h;


			new Vue({
				el: '#app',
				data: function () {
					return {
						loading:false,
						infoValue: {},
						fourValue: {
							haibaoImg: '',
							content: '',
							colorValue: ''
						},
						isshowwind: false,
						selectedTab: null,
						shareSwitch: false,
						all: {
							page: 1,
							page_size: 99,
							tab: "",
							cat: 0,
							sale_name: '',
							belong_address: "全国",
							promoter_id: ''
						},
						shareValue: {},
						list: "",
						value: 5,
						img2: '',
						apis: '',
						luoji: true,
						fenleilist: "",
						xcx: true,
						moban: 2,
						json: [],
						dishilog: false,
						defaultIndex: 0,
						columns: ['全国', '北京市', '天津市', '河北省', '山西省', '内蒙古自治区', '辽宁省', '吉林省', '黑龙江省', '上海市', '江苏省', '浙江省', '安徽省', '福建省', '广西壮族自治区', '山东省', '山西省', '河南省', '湖北省', '湖南省', '广东省'
							, '海南省', '重庆市', '四川省', '贵州省', '云南省', '西藏自治区', '陕西省', '甘肃省', '青海省', '宁夏回族自治区', '新疆维吾尔自治区', '台湾省', '香港特别行政区', '澳门特别行政区']
					}
				},
				created() {
					this.all.tab = this.getUrlParam('id')
					if (this.all.tab == 38) {
						this.luoji = false
					}
					if (this.getUrlParam('require_param')) {
						localStorage.setItem('require_param', this.getUrlParam('require_param'));
						this.all.require_param = this.getUrlParam('require_param');
					
					} else {
						localStorage.setItem('require_param', '');
						this.all.require_param = '';
					}
					localStorage.setItem('tab', this.all.tab)
					if (this.getUrlParam('promoter_id')) {
						localStorage.setItem('promoter_id', this.getUrlParam('promoter_id'));
						this.all.promoter_id = this.getUrlParam('promoter_id');

					} else {
						localStorage.setItem('promoter_id', '');
						this.all.promoter_id = '';
					}

					if (this.getUrlParam('adid')) {
						localStorage.setItem('adid', this.getUrlParam('adid'))
					}
					if (this.getUrlParam('creativeid')) {
						localStorage.setItem('creativeid', this.getUrlParam('creativeid'))
					}
					if (this.getUrlParam('creativetype')) {
						localStorage.setItem('creativetype', this.getUrlParam('creativetype'))
					}
					if (this.getUrlParam('clickid')) {
						localStorage.setItem('clickid', this.getUrlParam('clickid'))
					}
					if (this.getUrlParam('source')) {
						if (this.getUrlParam('source') == 'xcx') {
							this.xcx = false
						}
					}

					if (this.getUrlParam('missionId')) {
						localStorage.setItem('missionId', this.getUrlParam('missionId'))
					}
					if (this.getUrlParam('orderId')) {
						localStorage.setItem('orderId', this.getUrlParam('orderId'))
					}
					if (this.getUrlParam('trafficsource')) {
						localStorage.setItem('trafficsource', this.getUrlParam('trafficsource'))
					}
					if (this.getUrlParam('imeiMD5')) {
						localStorage.setItem('imeiMD5', this.getUrlParam('imeiMD5'))
					}
					if (this.getUrlParam('callback')) {
						localStorage.setItem('callback', this.getUrlParam('callback'))
					}
					if (this.getUrlParam('event_id')) {
						localStorage.setItem('event_id', this.getUrlParam('event_id'))
					}
					if (this.getUrlParam('qz_gdt')) {
						localStorage.setItem('qz_gdt', this.getUrlParam('qz_gdt'))
					}
					if (this.getUrlParam('click_ext')) {
						localStorage.setItem('click_ext', this.getUrlParam('click_ext'))
					}
					if (this.getUrlParam('use_env')) {
						localStorage.setItem('use_env', this.getUrlParam('use_env'))
					}
					if (this.getUrlParam('mark_id')) {
						localStorage.setItem('mark_id', this.getUrlParam('mark_id'))
					}
					if (this.getUrlParam('bd_vid')) {
						localStorage.setItem('bd_vid', this.getUrlParam('bd_vid'))
					}
					if (this.getUrlParam('token')) {
						localStorage.setItem('token', this.getUrlParam('token'))
					}

					if (this.getUrlParam('track_id')) {
						localStorage.setItem('track_id', this.getUrlParam('track_id'))
					}
					if (this.getUrlParam('data_source_id')) {
						localStorage.setItem('data_source_id', this.getUrlParam('data_source_id'))
					}
					if (this.getUrlParam('account_id')) {
						localStorage.setItem('account_id', this.getUrlParam('account_id'))
					}
					if (this.getUrlParam('youku_track_id')) {
						localStorage.setItem('youku_track_id', this.getUrlParam('youku_track_id'))
					}
					if (this.getUrlParam('youku_creative_id')) {
						localStorage.setItem('youku_creative_id', this.getUrlParam('youku_creative_id'))
					}
					if (this.getUrlParam('promotion_type')) {
						localStorage.setItem('promotion_type', this.getUrlParam('promotion_type'))
					}
					if (this.getUrlParam('projectid')) {
						localStorage.setItem('projectid', this.getUrlParam('projectid'))
					}
					if (this.getUrlParam('promotionid')) {
						localStorage.setItem('promotionid', this.getUrlParam('promotionid'))
					}
					if (this.getUrlParam('creativetype')) {
						localStorage.setItem('creativetype', this.getUrlParam('creativetype'))
					}
					if (this.getUrlParam('clickid')) {
						localStorage.setItem('clickid', this.getUrlParam('clickid'))
					}
					if (this.getUrlParam('aid')) {
						localStorage.setItem('aid', this.getUrlParam('aid'))
					}
					if (this.getUrlParam('unionsite')) {
						localStorage.setItem('unionsite', this.getUrlParam('unionsite'))
					}
					if (this.getUrlParam('advertiserid')) {
						localStorage.setItem('advertiserid', this.getUrlParam('advertiserid'))
					}
					if (this.getUrlParam('csite')) {
						localStorage.setItem('csite', this.getUrlParam('csite'))
					}
					if (this.getUrlParam('os')) {
						localStorage.setItem('os', this.getUrlParam('os'))
					}
					
		
					

					// localStorage.clear()
					// if(this.getUrlParam('juliang')){
					// 	localStorage.setItem('juliang',this.getUrlParam('juliang'))
					// }

					// if(this.getUrlParam('adid')){
					// 	localStorage.setItem('adid',this.getUrlParam('adid'))
					// }
					// if(this.getUrlParam('clickid')){
					// 	localStorage.setItem('clickid',this.getUrlParam('clickid'))
					// }
					// if(this.getUrlParam('creativeid')){
					// 	localStorage.setItem('creativeid',this.getUrlParam('creativeid'))
					// }
					// if(this.getUrlParam('creativetype')){
					// 	localStorage.setItem('creativetype',this.getUrlParam('creativetype'))
					// }

					// this.all.shop_id = this.getUrlParam('shop')
					// if(this.all.shop_id == 127837){
					// 	localStorage.setItem('shop_id',127837)
					// }else{
					// 	localStorage.clear('shop_id')
					// }


					//                this.getpro()
					// if(location.href.includes('local')){
					// 	this.apis = '/apis'
					// }
					if (location.href.includes('localhost') || location.href.includes('192.168.2.216')) {
						this.apis = '/apis'
					}
					this.getpeizhi()
					// 还原 axios.get(`/api/store/info?id=${this.all.tab}`) 短的

					// axios.get(`${this.apis}/api/store/info?id=${this.all.tab}`)
					axios.get(`${this.apis}/api/store/info?id=${this.all.tab}&promoter_id=${this.all.promoter_id}`)
						.then(response => {
							if (response.data.msg.code == 0) {
								if (response.data.data != null) {
									this.infoValue = response.data.data
									document.title = response.data.data.title
									localStorage.setItem('title', response.data.data.title)
								}
							}else{
								if (response.data.msg.code == -2){
									this.loading = true
								}
							}
							

						})
					this.getfenlei()
				},
				computed: {
					youdima() {

						if (this.json.filter(item => item.type == 6).length > 0) {
							return {
								padding: "0 0 1.4rem 0"
							}
						}
					}
				},
				mounted() {

				},
				watch: {
					isshowwind: function (newValue, oldValue) {

						if (newValue) {
							let url = location.origin + "/h5/order_page.html?id=" + this.shareValue.id + '&promoter_id=' + this.all.promoter_id;
							document.title = "海报分享";
							var d = document.createElement("div");
							d.setAttribute("id", "erweimadiv");
							document.body.appendChild(d);
							var qrcode = new QRCode(document.getElementById("erweimadiv"), {
								text: url,
								width: 220,
								height: 220,
								colorDark: "#000000",
								colorLight: "#ffffff",
								correctLevel: QRCode.CorrectLevel.H
							});
							var canvas = document
								.getElementById("erweimadiv")
								.getElementsByTagName("canvas")[0];
							this.img2 = canvas.toDataURL("image/png");

							document.body.removeChild(d);
						}
					}
				},
				methods: {
					shareClick: function (item) {
						this.isshowwind = true
						this.shareValue = item
					},
					fuzhi: function (text) {
						let url = location.origin + "/h5/order_page.html?id=" + this.shareValue.id+ '&promoter_id=' + this.all.promoter_id;

						const clipboardData = window.clipboardData;
						if (clipboardData) {
							clipboardData.clearData();
							clipboardData.setData("Text", url);
							return true;
						} else if (document.execCommand) {
							const el = document.createElement("textarea");
							el.value = url;
							el.setAttribute("readonly", "");
							el.style.position = "absolute";
							el.style.left = "-9999px";
							document.body.appendChild(el);
							el.select();
							document.execCommand("copy");
							document.body.removeChild(el);
							vant.Toast('已复制');
							this.isshowwind = false
							return true;
						}
						return false;
					},
					searchClick() {
						this.getshop()
					},
					onConfirm: function (val) {
						console.log(val)
						this.all.belong_address = val
						this.dishilog = false
					},
					onCancel: function () {
						this.dishilog = false
					},
					onClick: function () {
						console.log(this.all.cat)
						this.getshop()
					},
					onClicks: function (name) {
						console.log(this.all.cat)
						this.selectedTab = name;
						this.getshop()
					},

					getfenlei: function () {

						axios.get(`${this.apis}/api/mini/catgory/list?tab=${this.getUrlParam('id')}`)
							.then(response => {
								this.fenleilist = response.data.data
								this.fenleilist.unshift({
									cat_id: 0,
									cat_name: "全部"
								})
								console.log('this.fenleilist', this.fenleilist)
								this.all.cat = 0
							})
					},

					go_type3: function (item) {
						if (item.url) {
							window.location.href = item.url
						}
					},
					go_type: function (item) {
						//1自定义2联系客服3订单查询
						let url = ''

						if (item.dizhi == 2) {
							url = './kefu.html'
						}
						if (item.dizhi == 3) {
							url = './chadan.html?tab=' + this.getUrlParam('id')
						}
						if (item.dizhi == 8) {
							url = './commonProblem.html';
						}
						if (item.dizhi == 1) {
							// url = './share.html?id=' + this.getUrlParam('id')
							if (item.url) {
								url = item.url
							} else {
								url = ''
							}
						}
						window.location.href = url
					},
					go_type4: function (item) {

						//1自定义2联系客服3订单查询
						let url = ''
						if (item.dizhi == 1) {
							url = './queryCard.html'
						}
						if (item.dizhi == 2) {
							url = './kefu.html'
						}
						if (item.dizhi == 3) {
							url = './chadan.html?tab=' + this.getUrlParam('id')
						}
						if (item.dizhi == 4) {
							url = './share.html?id=' + this.getUrlParam('id')+ '&promoter_id=' + this.all.promoter_id;
						}
						if (item.dizhi == 5) {
							url = './share.html?id=' + this.getUrlParam('id')+ '&promoter_id=' + this.all.promoter_id;
						}
                        if (item.dizhi == 8) {
							url = './commonProblem.html';
						}
						if (item.dizhi == 6) {
							url = ''
						}
						if (item.dizhi == 7) {
							// url = './share.html?id=' + this.getUrlParam('id')
							if (item.url) {
								url = item.url
							} else {
								url = ''
							}
						}
						window.location.href = url
					},
					getpeizhi: async function () {
						let wenjianjia = 'web-store'
						if (window.location.href.includes('storep.91haoka.cn') && this.apis == '') {
							wenjianjia = 'web-store'
						}
						if (window.location.href.includes('store.91haoka.cn') && this.apis == '') {
							wenjianjia = 'test-web-store'
						}
						if (window.location.href.includes('192.168.2.216')) {
							//wenjianjia = 'web-page'
							wenjianjia = 'test-web-store'
						}
						if (window.location.href.includes('localhost')) {
							wenjianjia = 'test-web-store'
						}

						axios.get(`https://file.91haoka.cn/${wenjianjia}/${this.all.tab}.json?v=${Math.random()}`)
							// axios.get(`${this.apis}/storage/web-store/${this.all.tab}.json?v=${Math.random()}`)
							.then(response => {
								this.json = JSON.parse(response.data)
								console.log('this.json', this.json)

								if (!this.xcx) {
									this.json.forEach(item => {
										if (item.type == 5) {
											item.radio = 2
										}
									})
								}
								let share = this.json?.find(item => item.type == 8)
								console.log('share', share)
								if (!!this.json.find(item => item.type == 8)) {
									this.shareSwitch = share.shareSwitch
								} else {
									this.shareSwitch = false
								}
								this.json.forEach(item => {
									if (item.type == 7) {
										this.moban = item.moban
									}
									if (item.type == 9 && item.radioBelong == 2) {
										axios.get(`${this.apis}/api/ip-address/get`).then(response => {
											if (response.data.msg.code == 0) {

												if (response.data.data != '') {
													if (response.data.data.addressComponent.province) {
														this.all.belong_address = response.data.data.addressComponent.province
														this.defaultIndex = this.columns.findIndex(item => item == this.all.belong_address)
														this.getshop()
														return
													}
												}

											} else {
												if (response.data.data.addressComponent.province) {
													this.all.belong_address = '全国'
													this.defaultIndex = 0
													return;
												}
											}
										})
									}
									// this.moban = 2

									if (item.type == 10) {
										this.fourValue = item.fourValue
									}
								})
								this.getshop()

							})
					},
					getshop: function () {
						// 判断环境
						let webWork = 'web-page'
						if (window.location.href.includes('storep.91haoka.cn') && this.apis == '') {
							webWork = 'web-page'
						}
						if (window.location.href.includes('store.91haoka.cn') && this.apis == '') {
							webWork = 'test-web-page'
						}
						if (window.location.href.includes('192.168.2.216')) {
							//wenjianjia = 'web-page'
							webWork = 'test-web-page'
						}
						if (window.location.href.includes('localhost')) {
							webWork = 'test-web-page'
						}
						axios.get(`${this.apis}/api/page/list2`, { params: this.all })
							.then(response => {
								if (response.data.msg.code == 0) {
									this.list = response.data.data.data
									if (response.data.data.is_whole_country == '1') {
										this.all.belong_address = '全国'
										this.defaultIndex = 0
									}
									//  let fenleilist = []
									this.list.forEach(item => {

										console.log(item)
										// axios.get("https://file.91haoka.cn/web-page/" + item.id + ".json"+`?v=${Math.random()}`)
										axios.get(`https://file.91haoka.cn/${webWork}/${item.id}.json?v=${Math.random()}`)

											.then(response => {



												this.$set(item, 'needage', JSON.parse(response.data).needage)
												this.$set(item, 'min_page', JSON.parse(response.data).min_page)
												this.$set(item, 'max_page', JSON.parse(response.data).max_page)
											})

										if (item.json != '') {
											item.json = JSON.parse(item.json)
										}
										if (item.sell_point != null && item.sell_point) {
											item.sell_point = JSON.parse(item.sell_point)
										} else {
											item.sell_point = []
										}
									})
									console.log(this.list)
									//  this.fenleilist = [...new Set(fenleilist)]
									//  this.fenleilist.unshift('全部')

									this.total = response.data.data.total
								} else {
									this.$message.error(response.data.msg.info);
								}
							});
					},
					getUrlParam: function (name) {
						var query = window.location.search.substring(1);
						var vars = query.split("&");
						for (var i = 0; i < vars.length; i++) {
							var pair = vars[i].split("=");
							if (pair[0] == name) { return pair[1]; }
						}
						return (false);
					},
					base64ToBlob(code) {
						let parts = code.split(';base64,');
						let contentType = parts[0].split(':')[1];
						let raw = window.atob(parts[1]);
						let rawLength = raw.length;
						let uInt8Array = new Uint8Array(rawLength);
						for (let i = 0; i < rawLength; ++i) {
							uInt8Array[i] = raw.charCodeAt(i);
						}
						return new window.Blob([uInt8Array], { type: contentType });
					},

					getRandomChar: function (len = 11) {
						var x = "0123456789qwertyuioplkjhgfdsazxcvbnm" // 需要什么字符这里添加
						var tmp = ""
						var timestamp = new Date().getTime();
						for (var i = 0; i < len; i++) {
							tmp += x.charAt(Math.ceil(Math.random() * 100000000) % x.length);
						}
						return timestamp + tmp;
					},
					shengchengtupian: function () {
						vant.Toast('长按识别二维码进入下单链接');
						const element2 = document.getElementById('contenthp');
						html2canvas(element2, {
							useCORS: true, // 这个选项会自动处理跨域问题
							// scale: 1,//图片清晰度，越高越清楚，图片质量越大
							backgroundColor: null,//画出来的图片有白色的边框,不要可设置背景为透明色（null）
						}).then(canvas => {
							let weixin = false

							var ua = window.navigator.userAgent.toLowerCase();
							if (ua.match(/micromessenger/i) == 'micromessenger') {
								weixin = true
							}

							if (weixin) {
								let img = canvas.toDataURL('image/jpeg')
								let blob = this.base64ToBlob(img)
								this.uploadok(blob)
							} else {
								var a = document.createElement("a");
								document.body.appendChild(a);
								a.href = canvas.toDataURL('image/png');
								a.download = "";
								a.click();
							}
						});
					},
					//上传文件
					uploadok: function (file, fileList) {


						axios.post(`${this.apis}/api/qiniu/token`, { bucket: "gth" })
							.then(response => {
								var qiniudata = new FormData();
								qiniudata.append('file', file);
								qiniudata.append('token', response.data.data);

								axios.post('https://upload.qiniup.com', qiniudata)
									.then(response => {
										location.href = 'https://pic.91haoka.cn/' + response.data.key
									})
							})


						// let name = this.getRandomChar()

						// var that = this
						// axios.get(this.apis + `/api/qiniu/token`, {
						// 	params: { bucket: 'gthshopstore' }
						// })
						// 	.then(response => {
						// 		if (response.data.msg.code == 0) {
						// 			const observer = {
						// 				next(res) { },
						// 				error(err) { },
						// 				complete(res) {
						// 					location.href = 'https://gperson.gantanhaokeji.top/' + res.data
						// 				}
						// 			}
						// 			const observable = qiniu.upload(file, name, response.data.data, {}, {})
						// 			const subscription = observable.subscribe(observer) // 上传开始
						// 		} else {
						// 			vant.Toast(response.data.msg.info);
						// 		}
						// 	});
					},
					//获取商品
					getpro: function () {
						var that = this;
						axios.get('/web/page/list2', {
							params: this.all
						})
							.then(response => {
								if (response.data.msg.code == 0) {
									that.list = response.data.data.data
									that.list.forEach(item => {
										if (item.json != '') {
											item.json = JSON.parse(item.json)
										}
										console.log(item.json)
									})
								} else {
									that.$message.error(response.data.msg.info);
								}
							})
					},
					go: function (url, id) {
						// if (this.moban == 1) {
						// 	// window.location.href = 'dingdan.html?id=' + id
						// 	window.location.href = 'order_page.html?id=' + id + '&promoter_id=' + this.all.promoter_id;
						// } else {
						// 	window.location.href = 'order_page.html?id=' + id + '&promoter_id=' + this.all.promoter_id;
						// }
						if(this.all.promoter_id){
                        window.location.href = 'order_page.html?id=' + id + '&promoter_id=' + this.all.promoter_id;
					  }else{
						window.location.href = 'order_page.html?id=' + id
					  }
					},
					go2: function () {
						window.location.href = 'chadan.html'
					},
					//                go:function(url,id){
					// 	window.location.href = url+'?id='+id
					// },
					go3: function () {
						window.location.href = 'https://open.haoma.com/?source=000899'
					},
					go4: function (url, id) {
						window.location.href = url + '?id=' + id + '&source=xcx'
					},
				}
			});


		</script>
</body>

</html>